<!DOCTYPE html>
<html>
<head>
	<title>TG</title>
	<meta name="description" content="" />
	
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	
	<!--[if lt IE 9]>
	<script src="./js/libs/html5shiv.min.js"></script>
	<script src="./js/libs/modernizr.custom.js"></script>
	<![endif]-->
	
	<!--[if !IE]><!--><script>  
	if (window.navigator.msPointerEnabled) {
		document.documentElement.className+='ie_10_11';
	}
	</script><!--<![endif]-->
	
	<link href="./styles/style.css" rel="stylesheet" />
	<!--[if lte IE 9]>
	<link href="./styles/ie.css" rel="stylesheet" />
	<![endif]-->
	
	
	<script src="./js/libs/jquery-1.11.0.min.js"></script>
	<script src="./js/libs/jquery.imagesloaded.min.js"></script>
	<script src="./js/libs/retina-1.1.0.min.js"></script>
</head>
<body>

<section class="container">
	<!-- HEADER -->
	<header>
		<section class="outer_1">
			<div class="inner">
				<div class="group_1">
					<div class="user_menu">
						<a href="#"><span>Вход</span></a>
					</div>
					<ol class="region">
						<li><a href="#">АР Крым</a></li>
						<li class="active"><a href="#">Симферополь</a></li>
					</ol>
				</div>
				<div class="group_2 counters">
					Предприятий: <b>100500</b>
					Просмотров за месяц: <b>238840</b>
				</div>
			</div>
		</section>
		
		<section class="outer_2">
			<div class="inner">
				<div class="group_1">
					<a href="./" class="logo"><img src="./img/logos/header.png" alt="Твой Город" />КАТАЛОГ ПРЕДПРИЯТИЙ</a>
				</div>
				<div class="group_2">
					<div class="width_outer">
						<form method="get" action="">
							<input type="text" name="q" placeholder="Поиск" class="textfield" />
							<input type="submit" value="&nbsp;" class="submit" />
						</form>
						<div class="add_firm"><a href="#"><span>Новая фирма</span></a></div>
					</div>
				</div>
				<nav class="group_3">
					<ul class="menu">
						<li class="products">
							<a href="#"><span>Товары</span></a>
							<div class="hover_category_top">
							
							</div>
							<div class="hover_category">
								<div class="container_menu_category">
									<div class="group_menu_category">
										<a class="name_group_menu_category">СТРОИТЕЛЬСТВО И ДИЗАЙН</a>
										<ul  class="subgroup_menu_category">
											<li class="item_menu_category">
												<a>
													Cтройматериалы
												</a>
											</li>
											<li class="item_menu_category">
												<a class="active_menu_category_item">
													Cтройматериалы
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													Cтройматериалы
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													Cтройматериалы
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													Cтройматериалы
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													Cтройматериалы
												</a>
											</li>
										</ul>
									</div>
									<div class="group_menu_category">
										<a class="name_group_menu_category">СТРОИТЕЛЬСТВО И ДИЗАЙН</a>
										<ul  class="subgroup_menu_category">
											<li class="item_menu_category">
												<a>
													<span>Cтройматериалы</span>
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													<span>Cтройматериалы</span>
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													<span>Cтройматериалы</span>
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													<span>Cтройматериалы</span>
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													<span>Cтройматериалы</span>
												</a>
											</li>
											<li class="item_menu_category">
												<a>
													<span>Cтройматериалы</span>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li class="services">
							<a href="#"><span>Услуги</span></a>
						</li>
					</ul>
				</nav>
			</div>
		</section>
	</header>
	
	<section class="outer">
	<div class="mp_main_container">
				<h2 class="mp_name_menu_category">Недавно добавленные фирмы</h2>
				<div class="mp_grid">
					<div class="mp_firm_item">
						<div class="mp_conteiner">
							<div class="mp_logoConteiner">
								<a class="mp_logofirm"></a>
							</div>						
							<div class="mp_name">
									<a>1 Markanent- gfgfuj jhgjh hgkhf hgkg hghkhj hkgfgjhk hgkjf</a>
							</div>
						
						</div>
						<div class="rubriki">
							<nav class="mp_rubriki">
								<ul>
									<li><a href="#">Service</a></li>
									<li><a href="#">Driver</a></li>
									<li><a href="#">MarketShtorm</a></li>
									<li><a href="#">Systdfgdg  dg</a></li>
									<li><a href="#">System book</a></li>
									<li><a href="#">System sexuality</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>				
				
				<div class="mp_grid">
				<div class="mp_firm_item">
					<div class="mp_conteiner">
						<div class="mp_logoConteiner">
							<a class="mp_logofirm"></a>
						</div>						
						<div class="mp_name">
								<a>2 Markanent- gfgfuj jhgjh hgkhf hgkg hghkhj hkgfgjhk hgkjf gfjjf  fgj jf   fjtgjfjhfj  fjhjhfj fyhjhjhfj  ykfiku</a>
						</div>
					
					</div>
					<div class="rubriki">
						<nav class="mp_rubriki">
							<ul>
								<li><a href="#">Service</a></li>
								<li><a href="#">Driver</a></li>
								<li><a href="#">MarketShtorm</a></li>
								<li><a href="#">Systdfgdg  dg</a></li>
								<li><a href="#">System book</a></li>
								<li><a href="#">System sexuality</a></li>
							</ul>
						</nav>
					</div>
				</div>
				</div>
				<div class="mp_grid">
				<div class="mp_firm_item">
					<div class="mp_conteiner">
						<div class="mp_logoConteiner">
							<a class="mp_logofirm"></a>
						</div>						
						<div class="mp_name">
								<a>3 Markanent- gfgfuj jhgjh hgkhf hgkg hghkhj hkgfgjhk hgkjf gfjjf  fgj jf   fjtgjfjhfj  fjhjhfj fyhjhjhfj  ykfiku</a>
						</div>
					
					</div>
					<div class="rubriki">
						<nav class="mp_rubriki">
							<ul>
								<li><a href="#">Service</a></li>
								<li><a href="#">Driver</a></li>
								<li><a href="#">MarketShtorm</a></li>
								<li><a href="#">Systdfgdg  dg</a></li>
								<li><a href="#">System book</a></li>
								<li><a href="#">System sexuality</a></li>
							</ul>
						</nav>
					</div>
				</div>
				</div>
				<div class="mp_grid">
				<div class="mp_firm_item">
					<div class="mp_conteiner">
						<div class="mp_logoConteiner">
							<a class="mp_logofirm"></a>
						</div>						
						<div class="mp_name">
								<a>4 Markanent- gfgfuj jhgjh hgkhf hgkg hghkhj hkgfgjhk hgkjf gfjjf  fgj jf   fjtgjfjhfj  fjhjhfj fyhjhjhfj  ykfiku</a>
						</div>
					
					</div>
					<div class="rubriki">
						<nav class="mp_rubriki">
							<ul>
								<li><a href="#">Service</a></li>
								<li><a href="#">Driver</a></li>
								<li><a href="#">MarketShtorm</a></li>
								<li><a href="#">Systdfgdg  dg</a></li>
								<li><a href="#">System book</a></li>
								<li><a href="#">System sexuality</a></li>
							</ul>
						</nav>
					</div>
				</div>
				</div>
				<div class="mp_grid">
				<div class="mp_firm_item">
					<div class="mp_conteiner">
						<div class="mp_logoConteiner">
							<a class="mp_logofirm"></a>
						</div>						
						<div class="mp_name">
								<a>5 Markanent- gfgfuj jhgjh hgkhf hgkg hghkhj hkgfgjhk hgkjf gfjjf  fgj jf   fjtgjfjhfj  fjhjhfj fyhjhjhfj  ykfiku</a>
						</div>
					
					</div>
					<div class="rubriki">
						<nav class="mp_rubriki">
							<ul>
								<li><a href="#">Service</a></li>
								<li><a href="#">Driver</a></li>
								<li><a href="#">MarketShtorm</a></li>
								<li><a href="#">Systdfgdg  dg</a></li>
								<li><a href="#">System book</a></li>
								<li><a href="#">System sexuality</a></li>
							</ul>
						</nav>
					</div>
				</div>
				</div>
				<div class="mp_grid">
				<div class="mp_firm_item">
					<div class="mp_conteiner">
						<div class="mp_logoConteiner">
							<a class="mp_logofirm"></a>
						</div>						
						<div class="mp_name">
								<a>6 Markanent- gfgfuj jhgjh hgkhf hgkg hghkhj hkgfgjhk hgkjf gfjjf  fgj jf   fjtgjfjhfj  fjhjhfj fyhjhjhfj  ykfiku</a>
						</div>
					
					</div>
					<div class="rubriki">
						<nav class="mp_rubriki">
							<ul>
								<li><a href="#">Service</a></li>
								<li><a href="#">Driver</a></li>
								<li><a href="#">MarketShtorm</a></li>
								<li><a href="#">Systdfgdg  dg</a></li>
								<li><a href="#">System book</a></li>
								<li><a href="#">System sexuality</a></li>
							</ul>
						</nav>
					</div>
				</div>
				</div>
				</div>
	</section>
	
	<div class="city"></div>
</section>

<!-- FOOTER -->
<footer>
	<div class="inner">
		<div class="logo"><a href="./"><img src="./img/logos/footer.png" alt="Твой Город" /></a></div>
		<div class="copyright">&copy; Все права защищены.</div>
		<nav class="menu">
			<ul>
				<li><a href="#">О нас</a></li>
				<li><a href="#">Контакты</a></li>
				<li><a href="#">Правила пользования</a></li>
			</ul>
		</nav>
	</div>
</footer>
<!-- END FOOTER -->

<script src="./js/scripts.js"></script>
</body>
</html>